<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>招商后台管理</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="css/main.css" media="all" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css" />
		<link rel="stylesheet" type="text/css" href="css/webuploader.css">
		<link rel="stylesheet" type="text/css" href="css/styles.css"/>
		<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap-select.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script>
	</head>

	<body class="main_body">
		<div class="layui-layout layui-layout-admin">
			<!-- 顶部 -->
			<div class="layui-header header">
				<div class="layui-main">
					<a href="#" class="logo">招商后台管理</a>
					<!-- 顶部右侧菜单 -->
					<ul class="layui-nav top_menu">
						<li class="layui-nav-item" pc>
							<a href="javascript:;">
								<img src="img/pic01.jpg" class="layui-circle" width="35" height="35">
								<cite>请叫我马哥</cite>
							</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-zhanghu" data-icon="icon-zhanghu"></i><cite>个人资料</cite></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-shezhi1" data-icon="icon-shezhi1"></i><cite>修改密码</cite></a>
								</dd>
								<dd>
									<a href="javascript:;"><i class="iconfont icon-loginout"></i><cite>退出</cite></a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<!-- header导航 -->
			<nav class="navbar navbar-default">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					    </button>
						<a class="navbar-brand" href="index.html">概览</a>
					</div>
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li>
								<a href="project_manage.html">项目管理 <span class="sr-only">(current)</span></a>
							</li>
							<li>
								<a href="information_dynamic.html">信息动态</a>
							</li>
							<li>
								<a href="co_operation.html">协办任务</a>
							</li>
							<li>
								<a href="go_out.html">外出申请</a>
							</li>
							<li>
								<a href="outgo_approval.html">外出审批</a>
							</li>
							<li>
								<a href="submit_clues.html">企业提交线索</a>
							</li>
							<li>
								<a href="attend_manage.html">考勤管理</a>
							</li>
							<li>
								<a href="team_manage.html">部门管理</a>
							</li>
							<li>
								<a href="member_manage.html">成员管理</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">设置 <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">Separated link</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">One more separated link</a>
									</li>
								</ul>
							</li>
						</ul>
					</div </div>
			</nav>
			<!--树状图-->
			<div class="layui-side layui-bg-black" id="shu" style="display: none;">
				<div class="navBar layui-side-scroll" style="height: auto;">
					<div class="tree well">
								<ul>
									<li>
										<span><i class="icon-folder-open"></i> 顶级节点1</span>
										<ul>
											<li>
												<span><i class="icon-minus-sign"></i> 一级节点1</span>
												<a href=""></a>
												<ul>
													<li>
														<span><i class="icon-leaf"></i> 二级节点1_1</span>
														<a href=""></a>
													</li>
												</ul>
											</li>
											<li>
												<span><i class="icon-minus-sign"></i> 一级节点2</span>
												<a href=""></a>
												<ul>
													<li>
														<span><i class="icon-leaf"></i>二级节点2_1</span>
														<a href=""></a>
													</li>
													<li>
														<span><i class="icon-minus-sign"></i> 二级节点2_2</span>
														<a href=""></a>
														<ul>
															<li>
																<span><i class="icon-minus-sign"></i>三级节点2_1</span>
																<a href=""></a>
																<ul>
																	<li>
																		<span><i class="icon-leaf"></i>四级节点2_1</span>
																		<a href=""></a>
																	</li>
																	<li>
																		<span><i class="icon-leaf"></i> 四级节点2_2</span>
																		<a href=""></a>
																	</li>
																</ul>
															</li>
															<li>
																<span><i class="icon-leaf"></i>三级节点2_2</span>
																<a href=""></a>
															</li>
															<li>
																<span><i class="icon-leaf"></i> 三级节点2_3</span>
																<a href=""></a>
															</li>
														</ul>
													</li>
													<li>
														<span><i class="icon-leaf"></i>二级节点2_3</span>
														<a href=""></a>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li>
										<span><i class="icon-folder-open"></i> 顶级节点2</span>
										<a href=""></a>
										<ul>
											<li>
												<span><i class="icon-leaf"></i> 一级节点2_1</span>
												<a href=""></a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
				</div>
			</div>
			<!-- 右侧内容 -->
			<div class="layui-body layui-form">
				<div class="layui-tab marg0" lay-filter="bodyTab">
					<div class="max-title">
						<div class="fl">项目详情 ></div>
					</div>
					<div class="layui-form form-wd" id="app2">
						<div class="project-main">
							<div class="project-m-top">
								<div class="pro-pic fl">
									<img src="img/pic01.jpg" />
								</div>
								<div class="pro-cont fl">
									<p class="pro-name">
										这是项目名称 <button type="button" class="btn btn-success btnsty">状态</button>
									</p>
									<p>编号：09218301983019</p>
									<p>企业名称：国际科技有限公司</p>
								</div>
								<span class="up fr"><img src="img/up2.png"/></span>

								<!--手风琴部分-->
								<div class="project-m-slide" style="display: none;">
									<ul>
										<li>王大锤<li>
										<li>创建xxxxxx<li>
										<li>2018-7-10<li>
										<li>12:00<li>
									</ul><br />
									<ul>
										<li>王大锤<li>
										<li>创建xxxxxx<li>
										<li>2018-7-10<li>
										<li>12:00<li>
									</ul>
									<ul>
										<li>王大锤<li>
										<li>创建xxxxxx<li>
										<li>2018-7-10<li>
										<li>12:00<li>
									</ul>

								</div>
							</div>

							<!--手风琴部分结束-->
							<div class="project-m-mid">
								<ul class="project-ul">
									<li class="cur">线索信息</li>
									<li>签约信息</li>
									<li>在建信息</li>
									<li>上报信息</li>
								</ul>

								<div class="infos">
									<div class="clue-info" style="display: block;">
										<div class="clue-tit">
											<span>投资方</span>
										</div>
										<div class="invest-main">
											<p>
												企业
												<button type="button" class="btn fr btn-info" tag="add">添加</button>
											</p>
											<form class="form-horizontal" role="form">
												<table class="table table-striped">
													<thead>
														<tr>
															<th>企业名称</th>
															<th>企业所在地</th>
															<th>法人代表姓名</th>
															<th>统一社会信用代码</th>
															<th>联系方式</th>
															<th>操作</th>
														</tr>
													</thead>
													<tbody tag="qiye">
													</tbody>
												</table>
											</form>
										</div>
										<div class="invest-main">
											<p>
												自然人
												<button type="button" class="btn fr btn-info" tag="add-man">添加</button>
											</p>
											<form class="form-horizontal" role="form">
												<table class="table table-striped">
													<thead>
														<tr>
															<th>姓名</th>
															<th>自然人所在地</th>
															<th>身份证号码</th>
															<th>联系方式</th>
															<th>操作</th>
														</tr>
													</thead>
													<tbody tag="ziran">
													</tbody>
												</table>
											</form>
										</div>
										<div>
											<form class="form-horizontal" role="form">
												<div class="form-group">
													<label for="firstname" class="col-sm-1 control-label">是否共同引资</label>
													<div class="col-sm-2">
														<select class="selectpicker form-control" title="请选择">
															<option value="">合肥</option>
															<option value="">北京</option>
															<option value="">上海</option>
														</select>
													</div>
													<label for="firstname" class="col-sm-1 control-label">引资单位</label>
													<div class="col-sm-2">
														<select class="selectpicker form-control" title="请选择">
															<option value="">合肥</option>
															<option value="">北京</option>
															<option value="">上海</option>
														</select>
													</div>
													<label for="firstname" class="col-sm-1 control-label">投资分配额</label>
													<div class="col-sm-2">
														<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="firstname" placeholder="请输入数字" style="width: 90%;">
														<span class="fr baif">%</span>
													</div>
												</div>
												<div class="form-group">
													<label for="lastname" class="col-sm-1 control-label">预计投资额</label>
													<div class="col-sm-2">
														<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="lastname" placeholder="请输入" style="width: 90%;">
														<span class="fr baif">万元</span>
													</div>
													<label for="lastname" class="col-sm-1 control-label">联系领导</label>
													<div class="col-sm-2">
														<input type="text" class="form-control" id="lastname" placeholder="请输入">
													</div>
													<label for="lastname" class="col-sm-1 control-label">入库时间</label>
													<div class="input-group date form_date col-md-2" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd hh:ii:ss">
														<input class="form-control" size="16" type="text" value="" readonly placeholder="请选择入库时间">
														<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
													</div>
												</div>
												<div class="form-group">
													<label for="lastname" class="col-sm-1 control-label">建设地点</label>
													<div class="col-sm-2">
														<input type="text" class="form-control" id="lastname" placeholder="请输入">
													</div>
												</div>
												<div class="form-group">
													<label for="lastname" class="col-sm-1 control-label">具体建设内容</label>
													<div class="col-sm-4">
														<textarea class="form-control" rows="3" placeholder="具体建设内容"></textarea>
													</div>
												</div>
												<div class="form-group">
													<label for="lastname" class="col-sm-1 control-label">引荐单位登记表</label>
													<div class="col-sm-4">
														 	<div id="wrapper" class="wraps">
														        <div id="container" class="le-wd">
														            <!--头部，相册选择和格式选择-->
														            <div id="uploader">
														                <div class="queueList">
														                    <div id="dndArea" class="placeholder">
														                        <div id="filePicker"></div>
														                    </div>
														                </div>
														                <div class="statusBar" style="display:none;">
														                    <div class="progress">
														                        <span class="text">0%</span>
														                        <span class="percentage"></span>
														                    </div><div class="info"></div>
														                    <div class="btns">
														                        <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
														                    </div>
														                </div>
														            </div>
														        </div>
											    </div>
													</div>
												</div>
												<div class="form-group">
													<label for="firstname" class="col-sm-1 control-label">是否签订框架协议</label>
													<div class="col-sm-1">
														<select class="selectpicker form-control" title="请选择" id="selcect2" onchange="selectOnchang(this)">
															<option value="是">是</option>
															<option value="否">否</option>
														</select>
													</div>
												</div>
												<div class="form-group" id="fujian" style="display: none;">
													<label for="lastname" class="col-sm-1 control-label">添加附件</label>
													<div class="form-group col-sm-6 has-feedback  " id="file9">
														<div class="col-md-4 input-group">
															<input id="lefile9" type="file" style="display:none">
															<span class="input-group-addon" onclick="$('input[id=lefile9]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
															<input id="photoCover9" class="form-control" type="text">
															<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
														</div>
													</div>
												</div>
												<div class="form-group">
													<label for="lastname" class="col-sm-1 control-label">备注</label>
													<div class="col-sm-4">
														<textarea class="form-control" rows="3" placeholder="备注"></textarea>
													</div>
												</div>
											</form>
											<div class="tj-div">
												<button type="button" class="btn btn-primary tj-btn" data-target="#shenhe" data-whatever="@mdo" data-toggle="modal">审核</button>
												<button type="button" class="btn btn-primary tj-btn">提交</button>
												<button type="button" class="btn btn-primary tj-btn">暂存</button>
												<button type="button" class="btn btn-primary tj-btn">取消</button>
											</div>
											<!--审核模态框-->
												<div class="modal fade" id="shenhe" tabindex="-1" role="dialog" aria-labelledby="daoru">
													<div class="modal-dialog" role="document">
														<div class="modal-content">
															<div class="modal-header">
																<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
																<h4 class="modal-title" id="shenhe">审核</h4>
															</div>
															<div class="modal-body">
																<form action="" method="post" class="form-horizontal">
																	<div class="form-group">
																		  <label for="firstname" class="col-sm-3 control-label tz-txt ">审核结果：</label>
																	       <label class="radio-inline">
																		        <input type="radio" name="optionsRadiosinline" id="yes" value="option1" title="通过" checked>
																		    </label>
																		    <label class="radio-inline">
																		        <input type="radio" name="optionsRadiosinline" id="no"  value="option2" title="不通过">
																		    </label>
																	</div>
																	<div class="form-group">
																		  <label for="firstname" class="col-sm-3 control-label tz-txt ">备注：</label>
																        
																			<div class="col-sm-6">
																				<textarea id="textArea" class="form-control" rows="3" placeholder="请输入申请事由"></textarea>
																				<!-- <span class="wordwrap"><var class="word" id="textNum">0</var>/100</span>-->
																			</div>
																	</div>
																</form>
															</div>
															<div class="modal-footer">
																<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
																<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#shenhe2" data-dismiss="modal">确定</button>
															</div>
														</div>
													</div>
												</div>
												<!--审核点击确定模态框-->
												<div class="modal fade" id="shenhe2" tabindex="-1" role="dialog" aria-labelledby="shenhe2">
													<div class="modal-dialog" role="document">
														<div class="modal-content">
															<div class="modal-header">
																<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
																<h4 class="modal-title" id="shenhe">提示</h4>
															</div>
															<div class="modal-body" style="padding:5px;border: none;">
																<form action="" method="post" class="form-horizontal">
																	<div class="form-group">
																		 <label class="glyphicon glyphicon-question-sign alert wh"></label>
																	       <p class="alert">提交后不可修改，你确定提交审核结果吗？</p>
																	</div>
																</form>
															</div>
															<div class="modal-footer">
																<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
															</div>
														</div>
													</div>
												</div>
										</div>
									</div>
									<div class="clue-info" style="display: none;">
										<form class="form-horizontal" role="form">
											<div class="form-group">
												<label for="firstname" class="col-sm-1 control-label tz-txt ">投资方式：</label>
												<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option1" title="独资" checked>
												    </label>
												<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios2"  value="option2" title="合资">
												    </label>
												<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios3"  value="option3" title="外资">
												    </label>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">总投资额度：</label>
												<div class="col-sm-2">
													<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="lastname" placeholder="单行请输入" style="width: 90%;">
													<span class="fr baif">万元</span>
												</div>
												<label for="lastname" class="col-sm-1 control-label">县内投资额度：</label>
												<div class="col-sm-2">
													<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="lastname" placeholder="单行请输入" style="width: 90%;">
													<span class="fr baif">万元</span>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">外资额度：</label>
												<div class="col-sm-2">
													<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="lastname" placeholder="单行请输入" style="width: 90%;">
													<span class="fr baif">万元</span>
												</div>
												<label for="lastname" class="col-sm-1 control-label">省内县外投资额度：</label>
												<div class="col-sm-2">
													<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="lastname" placeholder="单行请输入" style="width: 90%;">
													<span class="fr baif">万元</span>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">省外投资额度：</label>
												<div class="col-sm-2">
													<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="lastname" placeholder="单行请输入" style="width: 90%;">
													<span class="fr baif">万元</span>
												</div>
												<label for="lastname" class="col-sm-1 control-label">其中外币额度：</label>
												<div class="col-sm-2">
													<input type="text" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" class="form-control" id="lastname" placeholder="单行请输入" style="width: 90%;">
													<span class="fr baif">万元</span>
												</div>
											</div>
											<div class="form-group">
												<label for="firstname" class="col-sm-1 control-label">签约日期：</label>
												<div class="input-group date form_date col-md-2" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
													<input class="form-control" size="16" type="text" value="" readonly placeholder="请选择签约日期">
													<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">合同文本：</label>
												<div class="form-group col-sm-6 has-feedback  " id="file2">
													<div class="col-md-4 input-group">
														<input id="lefile2" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile2]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover2" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">联系领导：</label>
												<div class="col-sm-2">
													<input type="text" class="form-control" id="lastname" placeholder="请输入">
												</div>
											</div>
											<div class="form-group">
												<label for="firstname" class="col-sm-1 control-label">填报日期：</label>
												<div class="input-group date form_date col-md-2" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
													<input class="form-control" size="16" type="text" value="" readonly placeholder="请选择填报日期">
													<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
												</div>
											</div>
										</form>
										<div class="tj-div">
											<button type="button" class="btn btn-primary tj-btn">提交</button>
											<button type="button" class="btn btn-primary tj-btn">暂存</button>
											<button type="button" class="btn btn-primary tj-btn">取消</button>
										</div>
									</div>
									<div class="clue-info" style="display: none;">
										<form class="form-horizontal" role="form">
											<div class="form-group">
												<label for="firstname" class="col-sm-1 control-label">在潜山注册的公司名称</label>
												<div class="col-sm-2">
													<input type="text" class="form-control" id="firstname" placeholder="请输入">
												</div>
												<label for="firstname" class="col-sm-1 control-label">注册日期</label>
												<div class="input-group date form_date col-md-2" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
													<input class="form-control" size="16" type="text" value="" readonly>
													<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
												</div>
												<label for="lastname" class="col-sm-1 control-label">在潜山注册的营业执照</label>
												<div class="form-group col-sm-2 has-feedback  " id="file3">
													<div class="col-sm-12 input-group">
														<input id="lefile3" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile3]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover3" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>
											</div>
											<div class="form-group form-line">
												<label for="lastname" class="col-sm-1 control-label">立项文号</label>
												<div class="col-sm-2">
													<input type="text" class="form-control" id="lastname" placeholder="请输入">
												</div>
												<label for="lastname" class="col-sm-1 control-label">立项批复材料</label>
												<div class="col-sm-2" id="file4">
													<div class="col-ms-4 input-group">
														<input id="lefile4" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile4]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover4" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>
												<label for="lastname" class="col-sm-1 control-label">到资金额</label>
												<div class="col-sm-2">
													<input type="text" class="form-control" id="lastname" placeholder="请输入">
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">预计年产值</label>
												<div class="col-sm-2">
													<input type="text" class="form-control" id="lastname" placeholder="请输入">
												</div>
												<label for="lastname" class="col-sm-1 control-label">到资证明</label>
												<div class="form-group col-sm-2 has-feedback  " id="file5">
													<div class="col-md-12 input-group">
														<input id="lefile5" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile5]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover5" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>

											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">土地证明</label>
												<div class="col-sm-2" style="padding-left: 0;" id="file6">
													<div class="col-md-12 input-group">
														<input id="lefile6" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile6]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover6" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>
												<label for="lastname" class="col-sm-1 control-label">厂房租赁合同</label>
												<div class="col-sm-2 form-group" id="file7">
													<div class="col-md-12 input-group">
														<input id="lefile7" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile7]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover7" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>
												<br />
											</div>
											<div class="form-group">
												<label for="firstname" class="col-sm-1 control-label">是否开工建设</label>
												<div class="col-sm-2">
													<select class="selectpicker form-control" title="请选择">
														<option value="">是</option>
														<option value="">否</option>
													</select>
												</div>
												<label for="firstname" class="col-sm-1 control-label">开工日期</label>
												<div class="input-group date form_date col-md-2" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
													<input class="form-control" size="16" type="text" value="" readonly>
													<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
												</div>
											</div>
											<div class="form-group">
												<label for="firstname" class="col-sm-1 control-label">预计完工日期</label>
												<div class="input-group date form_date col-md-2" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
													<input class="form-control" size="16" type="text" value="" readonly>
													<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
												</div>
												<label for="lastname" class="col-sm-1 control-label">开工形象图片</label>
												<div class="form-group col-sm-6 has-feedback  " id="file8">
													<div class="col-md-4 input-group">
														<input id="lefile8" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile8]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover8" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>
											</div>
											<br />
											<div class="form-group">
												<label for="lastname" class="col-sm-1 control-label">联系领导</label>
												<div class="col-sm-2">
													<input type="text" class="form-control" id="lastname" placeholder="请输入">
												</div>
												<label for="firstname" class="col-sm-1 control-label">填报日期</label>
												<div class="input-group date form_date col-md-2" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
													<input class="form-control" size="16" type="text" value="" readonly>
													<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
												</div>
											</div>
										</form>
										<div class="tj-div">
											<button type="button" class="btn btn-primary tj-btn">提交</button>
											<button type="button" class="btn btn-primary tj-btn">暂存</button>
											<button type="button" class="btn btn-primary tj-btn">取消</button>
										</div>
									</div>

									<!--   项目月上报信息tabcontent-->
									<div class="clue-info" style="display: none;">
										<!--列表-->
										<table class="table table-bordered table-hover">
											<thead>
												<tr style="background: #ccc;">
													<th><input type="checkbox" name="checkbox" id="check-all" lay-skin="primary"></th>
													<th>项目名称</th>
													<th>总投资金额(万)</th>
													<th>填报单位</th>
													<th>进展情况</th>
													<th>随行人员</th>
													<th>状态</th>
													<th>填报日期</th>
													<th>操作</th>
												</tr>
											</thead>
											<tbody>
												<!--v-for="item in projectInfo"-->
												<tr class="text-center">
													<td><input type="checkbox" lay-skin="primary"></td>
													<td>
														项目名称
													</td>
													<td>20000.00</td>
													<td>合肥时代数码港合肥时代数码港</td>
													<td>2018.10.10 未通过</td>
													<td>战三</td>
													<td>在建</td>
													<td>2018.10.10</td>
													<td width="22%">
														<button class="btn-info btn-sm" data-target="#report" data-whatever="@mdo" data-toggle="modal">查看</button>
													</td>
												</tr>
												<tr class="text-center">
													<td><input type="checkbox" lay-skin="primary"></td>
													<td>
														项目名称
													</td>
													<td>20000.00</td>
													<td>合肥时代数码港合肥时代数码港</td>
													<td>2018.10.10 未通过</td>
													<td>战三</td>
													<td>阿里库时间</td>
													<td>2018.10.10</td>
													<td>
														<button class="btn-info btn-sm" data-target="#report" data-whatever="@mdo" data-toggle="modal">查看</button>
													</td>
												</tr>
											</tbody>
										</table>
										<!--查看模态框-->
										<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
											<div class="modal-dialog" role="document">
												<div class="modal-content">
													<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
														<h4 class="modal-title" id="report">上报</h4>
													</div>
													<div class="modal-body" style="padding:5px;border: none;">
														<form action="" method="post" class="form-horizontal">
															<div class="form-group">
																<label for="firstname" class="col-sm-3 control-label tz-txt ">目前进展情况：</label>
																<div class="col-sm-6 col-he">
																	ios阿鲁卡就是kdj阿历克斯点击阿历克斯接到卡斯就得啦开始的记录卡萨
																</div>
															</div>
															<div class="form-group">
																<label for="firstname" class="col-sm-3 control-label tz-txt ">存在的问题：</label>
																<div class="col-sm-6 col-he">
																	空间按实际来到卡就是点击阿里山的加拉斯
																</div>
															</div>
															<div class="form-group">
																<label for="lastname" class="col-sm-3 control-label">附件：</label>
																<div class="form-group col-sm-6  col-he" >
																		<a href="">链接</a>
																</div>
															</div>
															<div class="form-group">
																<label for="lastname" class="col-sm-3 control-label">到资金额：</label>
																<div class="col-sm-3 col-he">
																	10000元
																</div>
															</div>
															<div class="form-group">
																<label for="lastname" class="col-sm-3 control-label">到资金额证明：</label>
																<div class="form-group col-sm-6  col-he" >
																		<div class="zm-pic">
																			<img src="img/pic01.jpg" width="80" class="fl"/>
																			<img src="img/pic01.jpg" width="80" class="fl"/><img src="img/pic01.jpg" width="80" class="fl"/>
																		</div>
																</div>
															</div>
															<div class="form-group">
																<label for="lastname" class="col-sm-3 control-label">反馈时间：</label>
																<div class="input-group  col-md-4 fl col-he">
																	2018.10.1
																</div>
															</div>
															<div class="form-group">
																<label for="lastname" class="col-sm-3 control-label">反馈人：</label>
																<div class="col-sm-3 col-he">
																	曹操
																</div>
															</div>
														</form>
													</div>
													<div class="modal-footer">
														<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
													</div>
												</div>
											</div>
										</div>
										<div class="foot-div">
											<div class="checkbox fl">
												<label>
									      	<select class="selectpicker form-control alls" title="批量操作" >
												<option value="项目名称">顺序</option>
												<option value="项目商家">降序</option>
											</select>
											
									    </label>
											</div>
											<!--分页-->
											<script type="text/x-template" id="page">
												<ul class="pagination page-ul fr">
													<li>
														<a class="tonum">共110条</a>
													</li>
													<li>
														<a href="#">首页</a>
													</li>
													<li v-show="current != 1" @click="current-- && goto(current)">
														<a href="#">上一页</a>
													</li>
													<li v-for="index in pages" @click="goto(index)" :class="{'active':current == index}" :key="index">
														<a href="#">{{index}}</a>
													</li>
													<li v-show="allpage != current && allpage != 0 " @click="current++ && goto(current++)">
														<a href="#">下一页</a>
													</li>
													<li>
														<a href="#">尾页</a>
													</li>
												</ul>
											</script>
											<div id="app">
												<page></page>
											</div>
										</div>
										<!--   项目月上报信息tabcontent结束-->
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>
			</div>
			</div>
			<!-- 移动导航 -->
			<div class="site-tree-mobile layui-hide" id="shu-btn"><i class="layui-icon"><img src="img/ri-line.png"/></i></div>
			<div class="site-mobile-shade"></div>
			<script type="text/javascript" src="js/jquery.js"></script>
		    <script type="text/javascript" src="js/webuploader.js"></script>
		    <script type="text/javascript" src="js/upload.js"></script>
			<script src="js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/bootstrap-datetimepicker.fr.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript" src="layui/layui.js"></script>
			<script type="text/javascript" src="js/leftNav.js"></script>
			<script type="text/javascript" src="js/index.js"></script>
			<script type="text/javascript">
				//表单是否  显示或隐藏
				function selectOnchang(obj) {
					var value = obj.options[obj.selectedIndex].value;
					if(value == '是') {
						$("#fujian").css('display', 'block')
					} else {
						$("#fujian").css('display', 'none')
					}
				}

				//监听滚动
				$(window).scroll(function() {
					if($(window).scrollTop() > 35) {
						$("#shu").css('top', '0');
					} else if($(window).scrollTop() < 100) {
						$("#shu").css('top', '112px');
					}
				})
				//导航切换
				$('.project-m-mid ul li').click(function() {
					var i = $(this).index();
					$(this).addClass("cur").siblings().removeClass("cur");
					$('.clue-info').eq(i).show().siblings().hide();
				});
				//日期
				$('.form_date').datetimepicker({
					format: 'yyyy-mm-dd hh:ii:ss',
					language: 'zh-CN',
					weekStart: 1,
					todayBtn: 1,
					autoclose: 1,
					todayHighlight: 1,
					startView: 2,
					minView: 2,
					forceParse: 0
				});
				//分页
				Vue.component("page", {
					template: "#page",
					data: function() {
						return {
							current: 1,
							showItem: 5,
							allpage: 13
						}
					},
					computed: {
						pages: function() {
							var pag = [];
							if(this.current < this.showItem) { //如果当前的激活的项 小于要显示的条数
								//总页数和要显示的条数那个大就显示多少条
								var i = Math.min(this.showItem, this.allpage);
								while(i) {
									pag.unshift(i--);
								}
							} else { //当前页数大于显示页数了
								var middle = this.current - Math.floor(this.showItem / 2), //从哪里开始
									i = this.showItem;
								if(middle > (this.allpage - this.showItem)) {
									middle = (this.allpage - this.showItem) + 1
								}
								while(i--) {
									pag.push(middle++);
								}
							}
							return pag
						}
					},
					methods: {
						goto: function(index) {
							if(index == this.current) return;
							this.current = index;
							//这里可以发送ajax请求
						}
					}
				})
				//ajax
				new Vue({
					el: "#app2",
					data() {
						return {
							projectInfo: []
						}
					},
					created: function() {
						var url = "http://192.168.31.245:8080/invest-web/findAllProject";
						this.$http.post(url, {
							"current_page": 1,
							"pageSize": 10,
						}, {
							emulateJSON: true
						}).then(res => {
							if(res.body.code == 1) {
								this.projectInfo = res.body.data;
								console.log(res.body.data)
							} else {
								console.log(res.body.msg)
							}
						});

					}
				})

				//			
				//			new Vue({
				//				el: '#app2',
				//				created: function() {
				//					data={
				//					data:''
				//					
				//				};
				//					var url = "http://192.168.31.245:8080/invest-web/findAllProject";
				//					this.$http.post(url,data).then(function(data) {
				//						if(data.body.code == 1) {
				//							var json = data.body.data;
				//							console.log(json)
				//							console.log(data.body.total)
				//							this.data = json;
				//						} else {
				//							console.log(data.body.msg)
				//						}
				//					}, function(response) {
				//						console.log(response.data);
				//					})
				//
				//				}
				//			});
			</script>
	</body>

</html>